html,
body {
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
}
body, td,th,ul,	li {
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  padding: 0;
  margin: 0;
}

  a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
  }

  .find_nav {
    width: 100%;
    height: 36px;
    background-color: #f9f9f9;
    position: fixed;
    top: 0;
    z-index: 9999;
    /* border-bottom: 1px solid #ddd; */
    display: -moz-box;
    display: -webkit-box;
    display: box;
  }

  .find_nav_left {
    height: 36px;
    position: relative;
    overflow: hidden;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
  }

  .find_nav_list {
    position: absolute;
    left: 0;
  }
  
  .find_nav_list ul {
    position: relative;
    white-space: nowrap;
    font-size: 0;
  }

  .find_nav_list ul li {
    color: black;
    display: inline-block;
    padding: 0;
    margin: 0 20px;
  }

  .find_nav_list ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    color: #666;
  }

  .find_nav_cur a {
    color:#C00 !important;
  }

  .find_nav_list a.active {
    color: #C00
  }

  .sideline {
    display: block;
    position: absolute;
    border: 0;
    height: 2px;
    background-color: #C00;
    left: 0;
    top:30px;
    pointer-events: none;
  }

  .li_list {
  
    overflow-y: auto;
    display: table;
  }
  .box01_list {
    margin-top: 2px;
  }

  /*将每个li封闭成一个盒子，就可以独立每个li内的内容*/
  .li_list span {
    display: block;
    overflow: hidden;
    background: rgba(255, 255, 255, .2);
    font-size: 12px;
    text-align: center
  }

  .swipe {
    padding: 36px 0 0 0;
    margin: 0 auto;
    background-color:#f0f4f7;
    /* margin-left: -20px; */
  }
.sucker {
  width: 100%;
  height: 5px;
}
  .first_page {
    height:36px;
    margin: 0 auto;
      /**/
  }
  .first_page p{
  width: 110px;
  height: 16px;
  font-size: 14px;
  color: #1E1E1E;
  margin: 0 auto;
  margin-top: 8px;
  display:inline-block;
  }

  .first_page1 {
    width: 90%;
    height:131px;
    margin-top: 5px;
    margin: 0 auto;
    border-radius: 5px;
     background-color: #fff !important;
    display: inline-block;
  }
  .final_result {
    width: 30%;
    height: 14px;
    font-size: 12px;
    color: #1E1E1E;
      /**/
  }

  .tems1 {
    width: 22%;
    height: 21px;
    border-radius: 10px;
    text-align: center;
      /**/
    margin: 0 auto;
    margin-top: -17px; 
    background-color: #EAEAEA;
  }

  .tems1 span {
    padding-top: 5px;
    color: #1E1E1E;
  }

  .competitor {
    width: 80%;
    height: 35px;
    margin: 0 auto;
    margin-top: 20px;
    /* border: 1px solid red; */
 
  }

  .competitor p {
    float: left;
    display: inline-block;
  }
  .player1 {
    width: 21%;
   height: 35px;
    margin-top: -2px;
  }
  .player1 img {
    width: 100%;
   height: 35px;
   padding-top: 2px;
   /* border: 1px solid red; */
  }
.watch {
  width: 58%;
  height: 35px;
  margin: 0 auto;
/* border: 1px solid red; */
 
}

.number_lfet {
  width: 14%;
  height: 12px;
  margin-top: 12px;
  padding-left: 10px;
  color: #E10019;
  /* border: 0.5px solid #ccc; */
}

.number_right {
  width: 14%;
  height: 12px;
  margin-top: 12px;
  margin-left: 10px;
  color: #E10019;
  /* border: 0.5px solid #ccc; */
}
.watch span {
  display: inline-block;
  float: left;
 
}
.zhibo {
  text-align: center;
}

.broadcast {
  font-size: 12px;
  width: 40%;
  height: 27px;
  margin-left: 15px;
  margin-top: 2%;
  border-radius: 5px;
  border: 1px solid red;
}

.broadcast span {
  text-align: center;
  padding-left: 22%;
  color: #E10019;
  padding-top: 5px;

}

.player2 {
  width: 20%;
   height: 35px;
      /**/
    margin-top: -2px;
    /* margin-left: 1%; */
    
}

.player2 img {
  width: 100%;
   height: 35px;
   padding-top: 2px;
}

/* 参赛者 */
.participant{
   width:100%;
   height: 20px;
     /**/
   margin: 0 auto;
   margin-top: 20px;
}

.participant p {
  width: 20%;
  height: 20px;
  /* border: 0.5px solid #ccc; */
  float: left;
  margin-top: -1px;
  display: inline-block;
}
.participator {
  margin-left: 8%;
}
.participator1 {
  margin-left: 43%;
}